{% extends 'base.html' %}
{% load static %}
{% block mycss %}
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/materialdesignicons.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/style.min.css' %}" rel="stylesheet">
    <style>
        body {
            background-color: #fff;
        }

        .error-page {
            height: 100%;
            position: fixed;
            width: 100%;
        }

        .error-body {
            padding-top: 5%;
        }

        .error-body h1 {
            font-size: 210px;
            font-weight: 700;
            text-shadow: 4px 4px 0 #f5f6fa, 6px 6px 0 #33cabb;
            line-height: 210px;
            color: #33cabb;
        }

        .error-body h4 {
            margin: 30px 0px;
        }
    </style>
{% endblock %}

{% block content %}
    <section class="error-page">
        <div class="error-box">
            <div class="error-body text-center">
                <h1>404</h1>
                <h4>很抱歉，但是那个页面看起来已经不存在了。</h4>
                <a href="{% url 'index' %}" class="btn btn-primary ">返回首页</a>
            </div>
        </div>
    </section>
{% endblock %}
{% block myjs %}
<script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/bootstrap.min.js' %}"></script>
{% endblock %}
<body>


